<template>
	<view>
		<cover-view class="remind">
			<view class="remind-left">
				<view>
					<text style="color: #fff;font-size: 50rpx;">{{ waterInfo.hm }}</text>
				</view>
				<view>
					<text style="color: #fff;font-size: 24rpx;">{{ waterInfo.ymd }}</text>
				</view>
			</view>
			<view style="border-right: 2px solid #fff;margin: 0 20rpx;height: 80rpx;margin-top: 15rpx;"></view>
			<view class="remind-right">
				<view>
					<text style="color: #fff;font-size: 26rpx;">签到打卡·{{ userInfo.worker_name }}</text>
				</view>
				<view style="display: flex;flex-direction: row;margin-top: 10rpx;">
					<uni-icons type="location" color="#fff"></uni-icons>
					<view style="width: 300rpx;">
						<text style="color: #fff;font-size: 26rpx;">{{ waterInfo.address }}</text>
					</view>
				</view>
			</view>
		</cover-view>
	</view>
</template>

<script>
	export default {
		name:'WatermarkSign',
		props:['waterInfo','userInfo'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.remind {
		position: absolute;
		left: 20rpx;
		bottom: 520rpx;
		width: 510rpx;
		z-index: 100;
		opacity: 0.8;
		display: flex;
		flex-direction: row;
		align-items: center;
		.remind-left {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.remind-right {
			display: flex;
			flex-direction: column;
		}
	}
</style>
